<template>
  <div>
    <el-card class="box-card row-item">
      <div class="clearfix">
        <span>手动-多弹窗 实验</span>
      </div>
    </el-card>
    <el-card class="box-card row-item">
      <el-button @click="onClick">test</el-button>
      <com-dialog ref="dialog">
        <div style="color: black">content</div>
      </com-dialog>
      <el-button @click="onClick2">test</el-button>
      <com-dialog ref="dialog2">
        <div style="color: black">content</div>
      </com-dialog>
    </el-card>
  </div>
</template>
<script>
  import ComDialog from "../multiple-dialog/components/com-dialog/com-dialog.vue";
  export default {
    components: {
      ComDialog,
    },
    data() {
      return {};
    },
    methods: {
      onClick(e) {
        this.$refs.dialog.open();
      },
      onClick2(e) {
        this.$refs.dialog2.open();
      },
    },
  };
</script>
<style lang="less" scoped>
</style>
